let { merge } = require('webpack-merge')
let common = require('./webpack.common')
let path = require('path')
let midServer = require('../mock/index')
module.exports = merge(common, {
  mode: "development",
  devtool: "eval-cheap-module-source-map",
  devServer: {
    devMiddleware: {
      writeToDisk: true,
    },
    port: 8080, // 默认8080
    open: {
      app: {
        name: 'chrome',
      },
    },// 服务启动之后自动打开历览器
    hot: true,
    // contentBase: path.resolve(__dirname, '../public') 老版写法
    static: {
      // directory: path.resolve(__dirname, '../static_css') // 默认是public文件夹
    },
    compress: true, // 开启gzip压缩
    // onBeforeSetupMiddleware: midServer
    proxy: {
      '/p2p': 'https://www.renrendai.com'
      // '/p2p': {
      //   target: 'https://www.renrendai.com',
      //   // target: 'http://localhost:9999',
      //   changeOrigin: true,
      //   pathRewrite: {
      //     '^/p2p': '/p2p',
      //     '^/api': ''
      //     // localhost:8080/p2p/www/33 --> https://www.renrendai.com/p2p/www/33
      //     // localhost:8080/p2p/www/33 --> https://www.renrendai.com/p2pqqq/www/33
      //   }
      //  不设置这一项的话  后端收到的请求会带有我们代理服务的域名
      //  可能回到服务端拒绝相应； 若设置上 那么后端收到的请求对应的域名
      //  就会变成我们代理的域名
    }
  }
}
})